html,
body {
    margin    : 0px;
    padding   : 0px;
    min-height: 100vh;
    min-width : 1200px;
}

body {
   // background         : url(../imgs/body_bg.png) no-repeat;
   // background-position: bottom;
}

[v-cloak] {
    visibility: collapse;
}

@border-bottom-color: #cb2c21;

.xd-learn {
    font-family            : "MicrosoftYaHei", "Avenir", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing : antialiased;
    -moz-osx-font-smoothing: grayscale;

    .xt-main-container {
        width    : 1200px;
        margin   : 0 auto;
        display  : flex;
        min-width: 1200px;
        overflow : hidden;
    }

    .m_t_b_1vw {
        margin-top   : 1vw;
        margin-bottom: 1vw;
    }

    .m_t_b_10px {
        margin-top   : 10px;
        margin-bottom: 10px;
    }

    .m_t_b_5px {
        margin-top   : 3px;
        margin-bottom: 10px;
    }

    .xd-el-container {
        margin     : 0px auto;
        padding-top: 1vw;

        .el-main {}
    }

    .xd-el-aside.el-aside {
        min-width     : 300px;
        padding       : 0 0.5vw 1vw 1vw;
        flex-direction: column;

        .el-card {
            margin-top: 10px;
        }

        .el-card__header {
            height      : 59px;
            padding     : 0px;
            color       : @border-bottom-color;
            font-size   : 18px;
            font-weight : 700;
            padding-left: 14px;

            div {
                display    : flex;
                align-items: center;

                .tag {
                    border-bottom : 2px solid @border-bottom-color;
                    margin-top    : 18px;
                    padding-bottom: 15px;
                }

                .el-button {
                    margin-left : auto;
                    margin-right: 16px;
                    font-size   : 14px;
                    line-height : 18px;
                }
            }
        }
    }

    .tab_el_card .el-card__header {
        height      : 59px;
        padding     : 0px;
        color       : @border-bottom-color;
        font-size   : 18px;
        font-weight : 700;
        padding-left: 14px;

        div {
            display    : flex;
            align-items: center;

            .tag {
                border-bottom : 2px solid @border-bottom-color;
                margin-top    : 18px;
                padding-bottom: 15px;
            }

            .el-button {
                margin-left : auto;
                margin-right: 16px;
                font-size   : 14px;
                line-height : 18px;
            }
        }
    }



    .xd-el-main.el-main {

        flex-direction: column;

        .el-card__header {
            color       : #333333;
            font-size   : 18px;
            font-weight : 700;
            padding-left: 0px;

            .title {
                display     : flex;
                height      : 100%;
                align-items : center;
                padding-left: 12px;
                border-left : solid 2px @border-bottom-color;
            }
        }
    }

    .news_panel {
        .el-card__header {
            color       : #333333;
            font-size   : 18px;
            font-weight : 700;
            padding-left: 0px;

            .title {
                display     : flex;
                height      : 100%;
                align-items : center;
                padding-left: 12px;
                border-left : solid 2px @border-bottom-color;
            }
        }
    }

    .el-card__body {
        p {
            margin : 0px;
            padding: 0px;
        }
    }

    .xt_table {
        table-layout: fixed;
        width       : 100%;
    }

    p.row-title {
        border-left : solid 2px @border-bottom-color;
        padding-left: 10px;
        font-size   : 18px;
        color       : #333333;
        font-weight : bold;
    }

    .richtext-content {
        text-indent: 1vw;
        font-size  : 14px;
        color      : #333333;
        white-space: pre-wrap;
        word-break : break-all;
    }

    .list-container {
        margin-bottom: 1.1vw;

        .cell_panel {
            display       : flex;
            flex-direction: row;
            margin-top    : 1.1vw;

            .title {
                flex       : 1;
                text-indent: 1vw;
                color      : #333333;
                font-size  : 14px;
                display    : flex;
                align-items: center;
            }

            .label {
                min-width : 120px;
                text-align: right;

                .el-button {
                    border-color: @border-bottom-color;
                    color       : @border-bottom-color;
                }

                .el-button--success {
                    width           : 80px;
                    border-color    : @border-bottom-color;
                    background-color: @border-bottom-color;
                    color           : white;
                }

            }
        }
    }

    .comments-container {
        display: flex;
        padding: 1.6vw 0.3vw;
    }

    .btn_more {
        color: #999999;
    }

    .cover {
        display: flex;
    }

    .el-pagination {
        text-align: right;
    }

    .el-tabs__nav {
        height: 69px;
    }

    .el-tabs__item {
        font-size : 24px;
        margin-top: 25px;
        padding   : 0px 15px;
    }

    .el-tabs-first-indent.el-tabs {
        .el-tabs__item.is-top:nth-child(2) {
            padding-left: 44px;
        }
    }

    .news_panel {
        ul.item_flex_ul {
            padding   : 0px 0px 0px 22px;
            flex      : 1;
            margin-top: 0px;

            li {
                cursor     : pointer;
                font-size  : 16px;
                list-style : none;
                color      : #333333;
                display    : flex;
                align-items: center;
                line-height: 26px;

                .time {
                    color       : #999999;
                    margin-left : auto;
                    margin-right: 15px;
                }
            }
        }
    }

    .no-data,
    .el-card__body .no-data {
        width     : 100px;
        margin    : 0 auto;
        color     : #999999;
        text-align: center;
    }

    pre {
        word-break : break-all;
        white-space: pre-wrap;
    }

    .el-button--mini {
        font-size    : 14px;
        border-radius: 0px;
    }
}

.m_t_15 {
    margin-top: 30px;
}

.m_t_45 {
    margin-top: 45px;
}

.m_b_30 {
    margin-bottom: 30px;
}

.m_t_15px {
    margin-top: 15px;
}

.m_t_22 {
    margin-top: 17px;
}

.m-l-r-30 {
    margin-left : 30px;
    margin-right: 30px;
}

.m_b_15,
.xd-learn .el-card__body .m_b_15 {
    margin-bottom: 15px;
}

.m_r_8 {
    margin-right: 8px;
}

.text_color_999999 {
    color: #999999;
}

.text_color_666 {
    color: #666666;
}

.text_size_83 {
    font-size: 0.83vw;
}

.text_size_9 {
    font-size: 18px;
}

.text_size_7 {
    font-size: 14px;
}

.text_size_8 {
    font-size: 16px;
}

.text_size_13 {
    font-size: 1.3vw;
}

.text_size_24 {
    font-size: 24px;
}

.text_size_18 {
    font-size: 18px;
}

.text_size_30 {
    font-size: 30px;
}

.text_bold {
    font-weight: bold;
}

.text_color_429688 {
    color: #cb2c21;
}

.cur-active {
    color      : #cb2c21 !important;
    font-weight: bold;
    font-size  : 17px !important;
}

.text_color_087d6a {
    color: #087d6a;
}

.text_color_333333 {
    color: #333333;
}

.text_color_error {
    color: #f60723;
}

.text_color_white {
    color: white;
}

.p_10 {
    padding: 10px;
}

.font_bold {
    font-weight: bold;
}

ul {
    list-style: none;
    padding   : 0px;

    li {
        cursor     : pointer;
        padding-top: 0.5vw;
        color      : #333333;
    }
}

.bor-bottom {
    border-bottom: 1px solid #dcdfe6;
}

.text-center {
    text-align: center;
}

.text-indent {
    text-indent: 2em;
}